<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口（作用于移动端，能适配平板、手机页面） -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>喜邦-案例列表页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <!--加在bootstrap后面-->
    <link rel="stylesheet" href="css/ie10-viewport-bug-workaround.css">

    <!--[if lt IE 9]><script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="js/ie-emulation-modes-warning.js"></script>

    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/lianxi.css">
</head>

<body>
    <!-- 头部导航 -->
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <!--bootstrap容器-->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="">
                    <!-- 改为logo -->
                    <img src="images/logo.png" alt="">
                </a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="index.html">首页</a></li>
                    <li><a href="index.html">公司</a></li>
                    <li><a href="case_list2.html">案例</a></li>
                    <li><a href=""><img src="images/logo.png" alt=""></a></li>
                    <li><a href="tuandui_list.html">团队</a></li>
                    <li><a href="news.html">资讯</a></li>
                    <li><a href="index.html">联系</a></li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </nav>

    <!-- 广告轮播图 -->
    <div id="carousel-example-generic" class="carousel slide ad" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="images/ad1.jpg" alt="...">
                <div class="carousel-caption">
                    广告图1
                </div>
            </div>
            <div class="item">
                <img src="images/ad1.jpg" alt="...">
                <div class="carousel-caption">
                    广告图2
                </div>
            </div>
            <div class="item">
                <img src="images/ad1.jpg" alt="...">
                <div class="carousel-caption">
                    广告图3
                </div>
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

    <div class="container">
        <div class="row menu ">
            <div class="col-md-2"></div>
            <div class="col-xs-6 col-sm-6 col-md-3 text-right">
                <a href="">联系我们</a>
            </div>
            <div class="col-md-2"></div>
            <div class="col-xs-6 col-sm-6 col-md-3 text-left">
                <a href="">地图位置</a>
            </div>
        </div>

        <div class="pos">
            所在位置：<a href="index.html">首页</a> <a href="news.html">- 联系</a>
        </div>

        <div class="title">
            <h3>联系我们</h3>
            <p>欢迎您致电“喜邦品牌”进行咨询，我们将为您全心全意的服务</p>
        </div>

        <div class="row">
            <div class="list">
                <p>广州喜邦广告设计有限公司</p>
                <h5>Guangzhou xiban advertising design co., LTD</h5>
                <h3>服务专线：4000-138-136</h3>
                <h6>咨询电话: 13049685204 13580317549
                    <br>
                    E-mail: 758057640@qq.com
                    <br>
                    QQ: 758057640
                    <br>
                    公司地址: 广州市白云区新市齐富路联富大厦6018
                </h6>
            </div>
        </div>
        <div class="title">
            <h3>地图位置</h3>
            <p>欢迎您致电“喜邦品牌”进行咨询，我们将为您全心全意的服务</p>
            <img src="./images/联系详细页_03.jpg">
        </div>

        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-2 img">
                        <img src="images/foot-logo.jpg" alt="" class="col-md-2 logo">
                    </div>
                    <div class="col-md-6 center">
                        <p>喜邦品牌十年深耕化妆品产业</p>
                        <p>友情链接：<a href="">中国雅芳</a><a href="">百雀羚</a><a href="">自然堂</a><a href="">巴黎欧莱雅</a><a
                                href="">谷歌</a>
                        </p>
                        <p>广州喜邦品牌顾问&设计有限公司版权所有<a href="">粤ICP备0754673</a></p>
                    </div>
                    <div class="col-md-4 right">
                        <p>E-mail: <a href="mailto:758057640@qq.com">758057640@qq.com</a></p>
                        <p>全国免费咨询热线：<a href="tel:40000-138-136">40000-138-136</a></p>
                        <p>地址：广州市白云区新市齐富路联富大厦6018</p>
                    </div>
                </div>
            </div>
        </div>






        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
</body>

</html>